// 管理用户数据相关
import { defineStore } from 'pinia'
import { ref } from 'vue'
import { loginAPI } from '@/apis/user'
import { useCartStore } from './cartStore'
import { mergeCartAPI } from '@/apis/cart'

export const useUserStore = defineStore('user', () => {
    const cartStore = useCartStore()
    // 1.定义管理用户数据的state
    const userInfo = ref({})
    // 2.定义获取接口数据的action函数
    const getUserInfo = async ({ account, password }) => {
        const res = await loginAPI({ account, password })
        userInfo.value = res.result
        // 合并购物车的操作
        // map:根据一个现有数组,经过一定的映射得到全新的数组
        await mergeCartAPI(cartStore.cartList.map(item => 
            // 箭头函数单行返回如果返回的是一个对象,用括号包起来
            ({
                skuId: item.skuId,
                count: item.count,
                selected: item.selected
            })
        ))
        // 从服务器端更新购物车列表到本地存储
        cartStore.updateNewList()
    }

    // 退出时清除用户信息
    const clearUserInfo = () => {
        userInfo.value = {}
        // 用户退出清除本地购物车action
        cartStore.clearCart()
    }

    // 3.以对象的格式把state和action return出去
    return {
        userInfo,
        getUserInfo,
        clearUserInfo
    }

}, {
    persist: true  // 配置pinia持久化,需要安装pinia持久化插件
})